<template>
    <section id="sj">
        <h3>商家照片</h3>
        <div id="sj_dv1">
            <a class="sj-a1" href="#"><img src="//fuss10.elemecdn.com/f/63/9958b63f6b2998d54c19cc613426cjpeg.jpeg?imageMogr/format/webp/thumbnail/!200x200r/gravity/Center/crop/200x200/" alt=""><span class="sj-span1">门面(1张)</span></a>
            <a class="sj-a1" href="#"><img src="//fuss10.elemecdn.com/b/e8/97b238e8d596ca95348ee85cf640cjpeg.jpeg?imageMogr/format/webp/thumbnail/!200x200r/gravity/Center/crop/200x200/" alt=""><span class="sj-span1">大堂(1张)</span></a>
        </div>
    </section>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>
    #sj
        margin-bottom 2.666667vw
        padding 4.266667vw 4vw 4vw
        font-size .346667rem
        background-color #fff
        color #666
        border-bottom 1px solid #eee
        h3
            color #000
            font-weight 700
            font-size .38rem
            line-height 5.6vw
        #sj_dv1
            margin-top 2.133333vw
            .sj-a1
                position relative
                float left
                margin-right 1.866667vw
                width 20.8vw
                height 20.8vw
                img
                    display block
                    width 100%
                    height 100%
                .sj-span1
                    display block
                    position absolute
                    bottom 0
                    width 100%
                    text-align center
                    height 4.8vw
                    line-height 4.8vw
                    color #eee
                    background-color rgba(0,0,0,.6)
                    font-size .4vw


</style>

